import React from 'react'
import _ from 'underscore'
import $ from 'jquery'
import View from 'lib/View.jsx'
import dispatcher from 'lib/dispatcher'
import Layout from '../common/layout.jsx'
import Card from 'lib/components/card.jsx'
import Grid from 'lib/components/GridWidget.jsx'
import Modal from 'lib/components/Modal.jsx'
import $form from 'jquery-form'
import {updateAccountApi} from '../apis/validApis/account'
import {Success,Info,Warning} from 'lib/components/Notify.jsx'
import BasicInfoForm from './BasicInfoForm.jsx'
import VersionListView from './VersionListView.jsx'
import AgentSettingFormX from './AgentSettingFormX.jsx'
export default class MainView extends View{
  render(){
    return (
      <Layout title="应用设置" subtitle="修改应用设置" hideTime={true} hideVersion={true}>
        <div className="pure-g">
          <div className="pure-u-1">
            <div className="box">
              <Card>
                <div className="pure-g">
                  <div className="pure-u-1 pure-u-lg-1-2">
                    <BasicInfoForm />
                  </div>
                  <div className="pure-u-1 pure-u-lg-1-2">
                    <VersionListView />
                  </div>
                </div>
                {
                    <div className="pure-g">
                      <div className="pure-u-1">
                        <AgentSettingFormX />
                      </div>
                    </div>
                }
              </Card>
            </div>
          </div>
        </div>
      </Layout>
    )
  }
}
